<template>
	<view class="listsp">
		<view class="listitem" 
		     @click="jump(url)"
			v-for="item in 4" :key='item'>
			  <view class="flex-row-between top">
				  <view class="flex-row-start">
					  <view class="baoxiu font12">报 修</view>
					  <view class="font16">报修事项描述</view>
				  </view>
				  <view class="tip">已完成</view>
			  </view>
			  <view class="color6">
				  <view class="smallinfo">提单时间: 2024-09-09 12:30</view>
				  <view class="smallinfo">岭尚小区</view>
			  </view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['bg','title','url'],
		methods:{
			jump(res){
				uni.navigateTo({
					url: res
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.listitem{
		border-radius: 12px;
		overflow: hidden;
		margin-bottom: 10px;
		overflow: hidden;
		background-color: #fff;
		padding:15px 12px;
	}
	.tip{
		background-color: #DDF3EC;
		width: 52px;
		line-height: 24px;
		border-radius: 6px;
		color: #0DC283;
		margin-left: 8px;
		text-align: center;
	}
	.baoxiu{
		background-color: #F4F6F8;
		display: inline-block;
		padding: 2px 7px;
		border-radius: 10px;
		color: #999999;
		margin-right: 10px;
	}
	.top{
		padding-bottom: 10px;
		border-bottom: 1px solid #DDDDDD60;
	}
	.smallinfo{
		padding-top: 10px;
	}
</style>